.button{
  width: 95%;
  margin-top: 30px;
}

.dialog {
  width: 100%;
  height: 100%;
  position: fixed;
  left:0;
  top:0;
  z-index: 1222;
  background: rgba(0,0,0,0.5);
  .input_main {
    position: fixed; left: 0; bottom: 500px; width: 100%; height: 394px;
    background-color: #fff; z-index: 1223;
    .input_title {
      width: 100%; height: 90px; line-height: 90px; text-align: center; 
      font-size: 32px; border-bottom: 2px solid #e2e2e2;
      .input_back {
        position: absolute; left: 0; top: 0;
        width: 80px; height: 90px; display: flex; justify-content: center; align-items: center;
        .input_backtext {
          width: 20px;
          height: 20px;
          background-color: white;
          border: 2px solid #aaa;
          border-width: 5px 0 0 5px;
          transform: rotate(-45deg);
        }
      }
    }
    .input_row {
      width: 690px; margin: 0 auto; height: 98px; position: relative;
      display: flex; align-items: center; border: 2px solid #cccccc; border-radius: 20px;
      .pwd_item{
        flex: 1; display: flex; align-items: center; justify-content: center; 
        height: 100%; border-right: 2px solid #e2e2e2; position: relative;
        .pwd_item:nth-last-of-type(1) { border-right: 0; } 
        .pwd_itemtext {
          width: 30px; height: 30px; border-radius: 30px; background-color: #555;
        }
      }
    }
    .forget_pwd {
      float: right; margin: 30px; width: 100px; text-align: right; font-size: 24px; color: #ff7800;
    }
    .input_control {
      position: relative; left: -300px; bottom: 0; width: 100px; height: 100px;
    }
  }
}